// 深色主题
.blackColor {
  color: #fff;

  .amap-info-content {
    color: #000;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #fff;
  }

  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
    color: #fff;
  }

  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
    color: #fff !important;
  }

  .ant-tabs-tab-prev,
  .ant-tabs-tab-next {
    color: #fff;
  }

  .layout .header {
    background-color: #0e1014;
  }

  .sider.light .logo {
    background-color: #000;
  }

  .account-settings-info-main .account-settings-info-right .account-settings-info-title {
    color: #fff !important;
  }

  .account-settings-info-main .account-settings-info-left {
    border-right: none !important;
  }

  .ant-list-item-meta-description {
    color: #fff;
  }

  .ant-empty-description {
    color: #fff;
  }

  .ant-upload-list-item-info>span {
    color: #03DAC5;
  }

  .ant-upload-list-item-info .anticon-loading,
  .ant-upload-list-item-info .anticon-paper-clip {
    color: #03DAC5;
  }

  .ant-upload-list-item .anticon-close {
    color: #03DAC5;
  }

  // echarts
  #app {
    .echartsbox {
      background-color: #1C2834;
    }
  }

  .ant-modal {
    .echartsbox {
      background-color: #1C2834;
    }
  }


  // 弹窗
  .ant-notification-notice-message {
    color: #000;
  }

  .ant-modal-confirm-body .ant-modal-confirm-title {
    color: #fff;
  }

  .ant-modal-confirm-body .ant-modal-confirm-content {
    color: #fff;
  }

  .ant-drawer-close {
    color: #fff;
  }

  .ant-drawer-close:hover {
    color: #d61818;
  }

  // ant-dropdown
  .ant-dropdown {

    .ant-dropdown-menu-item>a,
    .ant-dropdown-menu-submenu-title>a {
      color: #fff;
    }
  }

  // ant-dropdown-menu-item
  .ant-dropdown-menu {
    background-color: #1B2834;

    .ant-dropdown-menu-item,
    .ant-dropdown-menu-submenu-title {
      color: #fff;
    }

    .ant-dropdown-menu-item:hover,
    .ant-dropdown-menu-submenu-title:hover {
      background-color: #3e4e5f;
      color: #fff;
    }
  }

  .ant-dropdown-menu-item a:hover {
    color: #03DAC5;
  }

  .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-submenu-title:hover {
    color: #03DAC5;
  }

  .ant-dropdown-menu-item:hover>a {
    color: #fff;
  }

  .ant-alert-info {
    border: 1px solid #1c1e1f;
    background-color: #32404B;
    color: #fff;
  }

  // ant-drawer 模块
  .ant-drawer {
    .ant-drawer-content {
      background-color: #1C2834;

      .ant-drawer-wrapper-body {
        .ant-drawer-body {
          &>div {
            background-color: #1C2834 !important;
            border: none !important;
          }
        }
      }
    }

    .ant-drawer-header {
      background-color: #1C2834;

      .ant-drawer-title {
        color: #fff;
      }
    }

    // .ant-drawer-mask {
    //   background-color: #fff;
    // }
  }

  // ant-radio-group 模块
  .ant-radio-group {
    .ant-radio-wrapper {
      color: #fff;
    }
  }

  // ant-modal 模块
  .ant-modal {
    color: #fff;

    .ant-modal-header {
      background-color: #1C2834;

      .ant-modal-title {
        color: #fff;
      }
    }

    .ant-modal-content {
      background-color: #1C2834;

      .ant-modal-close-x i {
        color: #fff;
      }
    }
  }

  .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover::before,
  .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover::before {
    background-color: transparent;
  }

  .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before,
  .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before {
    background-color: transparent;
  }

  .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
  .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
    color: #03DAC5;
  }

  .ant-switch {
    background-color: #ccc;
  }

  .ant-switch-checked {
    background-color: #1890ff;
  }

  // ant-form 模块
  .ant-form {
    color: #fff;

    .ant-form-item {
      color: #fff;
    }

    .ant-form-item-label label {
      color: #fff;
    }
  }

  // ant-btn 模块
  .ant-btn-default {
    background-color: #243644;
    color: #fff;
  }

  .ant-btn-primary {
    background-color: #0979d8;
    border-color: #0979d8;
  }

  .ant-btn-primary[disabled] {
    background-color: #028bff;
    border-color: #028bff;
    color: #000;
  }

  .ant-btn-background-ghost.ant-btn-primary {
    color: #0979d8;
  }

  .ant-btn-background-ghost.ant-btn-primary:hover,
  .ant-btn-background-ghost.ant-btn-primary:focus {
    border-color: #028bff;
    color: #028bff;
  }

  .ant-btn-primary:hover {
    border-color: #028bff;
    background-color: #028bff;
  }

  // ant-tree 模块
  .ant-tree {
    color: #fff;

    li {
      .ant-tree-node-content-wrapper {
        color: #fff;
      }
    }
  }

  // input-table 模块
  .input-table {
    .tbody .tr {
      background-color: #141E28;
    }

    .tbody .tr:hover {
      background-color: #155596;
    }

    .tbody .tr.tr-checked {
      background-color: #155596;
    }

    .tbody .td input {
      background-color: #141E28;
      color: #fff;
    }

    .tbody .td input:disabled {
      background-color: #141E28;
      color: #fff;
    }

  }

  .ant-list-split {
    .ant-list-item {
      border-bottom: none;
    }
  }

  // ant-table-wrapper 模块
  .ant-table-wrapper {
    .ant-pagination {
      color: #fff;
    }

    .ant-pagination.mini .ant-pagination-total-text,
    .ant-pagination.mini .ant-pagination-simple-pager {
      color: #fff;
    }

    .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
    .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
      color: #fff;
    }

    .ant-pagination-options-quick-jumper input {
      color: #000;
    }

    .ant-table {
      color: #fff;

      .ant-table-thead {
        &>tr>th {
          background-color: #32404B;
          color: #fff;
          border-bottom: none;
        }
      }

      .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row)>td,
      .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row)>td,
      .ant-table-thead>tr:hover:not(.ant-table-expanded-row)>td,
      .ant-table-tbody>tr:hover:not(.ant-table-expanded-row)>td {
        background-color: #155596;
      }


      &>tr>th {
        background-color: #1C2834;
        color: #fff;
        border-bottom: none;
      }

      a {
        color: #03DAC5;
        // text-decoration: underline;
      }

      .ant-table-tbody {
        &>tr {
          &>td {
            border-bottom: none;
          }
        }

        &>tr:nth-of-type(even) {
          &>td {
            background-color: #27323e;
          }
        }

        tr.ant-table-row-selected {
          td {
            background-color: #155596;
            color: #fff;
          }
        }

        &>tr:hover {
          &>td {
            background-color: #155596;
            color: #fff;
          }
        }
      }

      .ant-table-fixed-right {
        .ant-table-tbody {
          .ant-table-row {
            background-color: #1C2834;
          }

          .ant-table-row:nth-of-type(even) {
            background-color: #141E28;
          }
        }
      }

      tr.ant-table-expanded-row {
        background-color: #141E28;
        color: #fff;
      }
    }


    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
    .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
      color: #fff;
    }

  }


  // ant-select-dropdown 模块
  .ant-select-dropdown {
    background-color: #1B2834;
    color: #fff;

    .ant-select-dropdown-menu {
      .ant-select-dropdown-menu-item {
        background-color: #1B2834;
        color: #fff;
      }

      .ant-select-dropdown-menu-item:hover {
        background-color: #3e4e5f;
        color: #fff;
      }

      .ant-select-dropdown-menu-item-active li {
        background-color: #3e4e5f;
        color: #fff;
      }

      .ant-select-dropdown-menu-item-selected,
      .ant-select-dropdown-menu-item-selected:hover {
        background-color: #3e4e5f;
        color: #fff;
      }
    }
  }

  .ant-form .ant-input {
    background-color: #1C2834 !important;
  }

  // 登录页

  .ant-checkbox-wrapper {
    color: #fff;
  }

  // layout 模块
  .ant-layout {
    background-color: #141E28;
  }

  .ant-layout-sider {
    background-color: #1C2834;
  }

  .ant-layout-footer {
    background-color: #141E28;
  }

  .layout {
    .header.dark {
      background-color: #141E28 !important;
      color: #fff;

      .user-wrapper {
        .action {
          color: #fff;
        }
      }
    }

    .top-nav-header-index.dark .user-wrapper .action {
      color: #fff;
    }
  }

  .ant-menu-vertical .ant-menu-submenu-selected {
    color: #03DAC5;
  }

  .ant-menu-vertical .ant-menu-item:after,
  .ant-menu-vertical-left .ant-menu-item:after,
  .ant-menu-vertical-right .ant-menu-item:after,
  .ant-menu-inline .ant-menu-item:after {
    border-right: none;
  }

  .sider .logo {
    background-color: #141E28;
  }

  .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
    background: linear-gradient(to right, #03DAC5, #03DAC5);
  }

  // ant-menu 模块
  .ant-menu {
    background-color: #1C2834;
    color: #fff;

    .ant-menu-dark {
      background-color: #1C2834;
    }

    .ant-menu-item {
      background-color: #1C2834;

      &:hover {
        background-color: #141E28;
        color: #03DAC5;

        &>a {
          color: #03DAC5;
        }
      }

      &>a {
        color: #fff !important;
      }

      &>.router-link-active {
        color: #03DAC5 !important;
      }
    }

    .ant-menu-submenu-title:hover {
      color: #03DAC5;
    }

    .ant-menu-sub .ant-menu-item-selected {
      background-color: #141E28;

      a {
        color: #03DAC5 !important;
      }
    }
  }

  // ant-card 模块
  .ant-card {
    background-color: #1C2834;
    color: #fff;

    .ant-pro-trend .item-text {
      color: #fff;
    }

    .head-info span {
      color: #fff !important;
    }
  }

  .ant-card-head {
    color: #fff;
  }

  // ant-calendar 模块
  // .ant-calendar-date-panel {
  //   background-color: #1C2834;
  //   color: #fff;
  // }
  .ant-calendar-picker-icon {
    color: #fff;
  }

  .ant-calendar-picker:hover .ant-calendar-picker-clear {
    background-color: transparent;
  }

  .ant-calendar-picker-clear:hover {
    color: #fff;
  }

  // ant-tree 模块
  .ant-tree {
    li {
      .ant-tree-node-content-wrapper .ant-tree-node-content-wrapper {
        color: #fff;
      }

      .ant-tree-node-content-wrapper:hover {
        background-color: transparent;
        color: #03DAC5;
      }

      .ant-tree-node-content-wrapper.ant-tree-node-selected {
        background-color: #03DAC5;
      }

      .ant-tree-node-content-wrapper.ant-tree-node-selected:hover {
        color: #fff;
      }

      span.ant-tree-switcher i {
        color: #fff;
      }
    }

  }

  // footer 模块

  .footer .links a {
    color: #fff;
  }

  .footer .copyright {
    color: #fff;
  }

  .ant-card-body>div {
    background-color: #1C2834 !important;
  }


  // ant-table-wrapper 模块
  .ant-table-wrapper {
    .ant-pagination {
      color: #fff;
    }

    .ant-pagination.mini .ant-pagination-total-text,
    .ant-pagination.mini .ant-pagination-simple-pager {
      color: #fff;
    }

    .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
    .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
      color: #fff;
    }

    .ant-pagination-options-quick-jumper input {
      color: #000;
    }

    .ant-table {
      color: #fff;

      .ant-table-row-expand-icon {
        border: none;
        background-color: transparent;
      }

      .ant-table-placeholder {
        background-color: #141E28;
        border-bottom: 1px solid #141E28;
        color: #fff;
      }
    }

    .ant-table-body::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }

    .ant-table-body::-webkit-scrollbar-track {
      background: #919191;
      border-radius: 10px;
    }

    .ant-table-body::-webkit-scrollbar-thumb {
      background: #03DAC5;
      border-radius: 10px;
    }

    .ant-table-body::-webkit-scrollbar-corner {
      background: #919191;
    }
  }


  // ant-pagination 模块
  .ant-pagination-item {
    background-color: #1C2834;

    a {
      color: #fff;
    }
  }


  .ant-pagination-item-active {
    border: 1px solid #fff;
    background-color: #fff;

    a {
      color: #000;
    }
  }



  a {
    color: #03DAC5;
  }


  // ant-tabs 模块
  .ant-tabs {
    color: #fff;
  }

  .tab-layout-tabs.ant-tabs {
    box-sizing: border-box;

    .ant-tabs-bar {
      margin: 0;
      height: 100%;
    }
  }

  .ant-tabs-nav .ant-tabs-tab:hover {
    color: #03DAC5;
  }

  .ant-tabs-nav .ant-tabs-tab {
    color: #fff;
  }

  .ant-tabs.ant-tabs-card {
    .ant-tabs-card-bar {
      .ant-tabs-tab {
        background-color: #1C2834 !important;
        border-bottom: none;
        border-radius: 0px;
        border-right: 1px solid #ccc !important;
        font-size: 16px;
      }
    }

    .ant-tabs-bar {
      .ant-tabs-tab-active {
        border-bottom: none !important;
        color: #03DAC5;
      }
    }
  }


  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background-color: transparent;
  }

  .tab-layout-tabs.ant-tabs {
    background-color: #1C2834;
    border: 1px solid #1C2834;
    border-bottom: 1px solid #03DAC5;
  }

  .ant-tabs-ink-bar {
    background-color: #03DAC5;
  }

  .total {
    color: #fff !important;
  }

  .head-info p {
    color: #fff !important;
  }

  .chart-card-header .meta {
    color: #fff !important;
  }

  // 排行榜
  .rank {
    li {
      span {
        color: #fff !important;
      }

    }
  }

  .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
    background: #3e4e5f;
    border: 1px solid #3e4e5f;
    color: #fff;
  }

  input:-internal-autofill-selected {
    background-color: #1B2834;
    color: #fff;
  }

  // ant-form 模块
  .ant-form {
    .ant-form-item-label label {
      color: #fff;
    }

    .ant-input {
      color: #fff;
      background-color: #1B2834;
    }
  }

  .ant-input-clear-icon {
    color: #fff;
  }


  .ant-input {
    color: #fff;
    background-color: #1B2834;
  }

  .ant-input-number-input {
    color: #fff;
    background-color: #1B2834;
  }

  // ant-select 模块
  .ant-select {
    .ant-select-selection {
      background-color: #1B2834;
      color: #fff;

      .anticon {
        // color: #1B2834;
        color: #fff;
        background-color: #1B2834;
        border: none;
      }
    }

    .ant-select-dropdown-menu-item:hover {
      background-color: #1B2834;
      color: #fff;
    }

    .ant-select-dropdown {
      background-color: #1B2834;
      color: #fff;
    }
  }


  .ant-select-tree {
    color: #fff;

    li {
      .ant-select-tree-node-content-wrapper:hover {
        background-color: #1B2834;
        color: #03DAC5;
      }

      .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
        background-color: #1B2834;
        color: #03DAC5;
      }

      .ant-select-tree-node-content-wrapper {
        color: #fff;
      }
    }

  }


}